<template>
    <div v-if="initShow">
        <!-- 广东快乐十分、重庆幸运农场 -->
        <div v-if="$route.query.id == 14 || $route.query.id == 15">
            <table class="wq text-center" border="0" cellpadding="0" cellspacing="1">
                <tr class="t_list_caption">
                    <td :class="activeind == index ? 'active': ''" v-for="(item,index) in tabmenu" :key="index" @click="tabFun(index)">{{item}}</td>
                </tr>
                <tr>
                    <td colspan="8" class="t_td_text" align="center">
                        <table class="hj" border="0" cellpadding="0" cellspacing="1">
                            <tr class="t_td_text numtit">
                                <td v-for="index in 20" :key="index" :class="(index > 18) ? 'rednum':'bluenum'">{{(index > 9) ? '': '0'}}{{index}}</td>
                            </tr>
                            <tr class="t_td_text" v-if="singleData != undefined">
                                
                                <td :class="['z_cl', (index == 1 || index == 4 || index == 6 || index == 9 || index == 11 || index == 14 || index == 16 || index == 19) ? 'hhg': '']" style="line-height: 25px;" v-for="(item,index) in 20" :key="index">{{singleData[(index+1)>9?(index+1):'0'+(index+1)]}}</td>

                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <table class="wq text-center margintop" border="0" cellpadding="0" cellspacing="1">
                <tr class="t_list_caption">
                    <td :class="activeinds == index ? 'active': ''" v-for="(item,index) in tabmenus" :key="index" @click="tabFuns(index)">{{item}}</td>
                </tr>
                <tr>
                    <td colspan="9" class="t_td_text" align="center">
                        <table class="hj" border="0" cellpadding="0" cellspacing="1" v-if="((activeind == 0 || activeind == 1 || activeind == 2 || activeind == 3) && activeinds == 3) || activeinds != 3">
                            <tr class="t_td_text" v-if="singleData != undefined">
                                <td class="z_cl"><p v-for="(item,index) in levelData[0][1]" :key="index">{{levelData[0][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[1][1]" :key="index">{{levelData[1][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[2][1]" :key="index">{{levelData[2][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[3][1]" :key="index">{{levelData[3][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[4][1]" :key="index">{{levelData[4][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[5][1]" :key="index">{{levelData[5][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[6][1]" :key="index">{{levelData[6][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[7][1]" :key="index">{{levelData[7][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[8][1]" :key="index">{{levelData[8][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[9][1]" :key="index">{{levelData[9][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[10][1]" :key="index">{{levelData[10][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[11][1]" :key="index">{{levelData[11][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[12][1]" :key="index">{{levelData[12][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[13][1]" :key="index">{{levelData[13][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[14][1]" :key="index">{{levelData[14][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[15][1]" :key="index">{{levelData[15][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[16][1]" :key="index">{{levelData[16][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[17][1]" :key="index">{{levelData[17][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[18][1]" :key="index">{{levelData[18][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[19][1]" :key="index">{{levelData[19][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[20][1]" :key="index">{{levelData[20][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[21][1]" :key="index">{{levelData[21][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[22][1]" :key="index">{{levelData[22][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[23][1]" :key="index">{{levelData[23][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[24][1]" :key="index">{{levelData[24][0]}}</p></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
        <!-- 时时彩 -->
        <div v-if="$route.query.id == 6 || $route.query.id == 7 || $route.query.id == 8">
            <table class="wq text-center" border="0" cellpadding="0" cellspacing="1">
                <tr class="t_list_caption">
                    <td :class="activeind == index ? 'active': ''" v-for="(item,index) in tabmenu" :key="index" @click="tabFun(index)">{{item}}</td>
                </tr>
                <tr>
                    <td colspan="8" class="t_td_text" align="center">
                        <table class="hj" border="0" cellpadding="0" cellspacing="1">
                            <tr class="t_td_text numtit">
                                <td v-for="(item,index) in tabnum" :key="index">{{index}}</td>
                            </tr>
                            <tr class="t_td_text" v-if="singleData != undefined">

                                <td :class="['z_cl', (index == 1 || index == 4 || index == 6 || index == 9) ? 'hhg': '']" style="line-height: 25px;" v-for="(item,index) in 10" :key="index">{{singleData[index]}}</td>

                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <table class="wq text-center margintop" border="0" cellpadding="0" cellspacing="1">
                <tr class="t_list_caption">
                    <td :class="activeinds == index ? 'active': ''" v-for="(item,index) in tabmenus" :key="index" @click="tabFuns(index)">{{item}}</td>
                </tr>
                <tr>
                    <td colspan="9" class="t_td_text" align="center">
                        <table class="hj" border="0" cellpadding="0" cellspacing="1">
                            <tr class="t_td_text" v-if="singleData != undefined">
                                <td class="z_cl"><p v-for="(item,index) in levelData[0][1]" :key="index">{{levelData[0][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[1][1]" :key="index">{{levelData[1][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[2][1]" :key="index">{{levelData[2][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[3][1]" :key="index">{{levelData[3][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[4][1]" :key="index">{{levelData[4][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[5][1]" :key="index">{{levelData[5][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[6][1]" :key="index">{{levelData[6][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[7][1]" :key="index">{{levelData[7][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[8][1]" :key="index">{{levelData[8][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[9][1]" :key="index">{{levelData[9][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[10][1]" :key="index">{{levelData[10][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[11][1]" :key="index">{{levelData[11][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[12][1]" :key="index">{{levelData[12][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[13][1]" :key="index">{{levelData[13][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[14][1]" :key="index">{{levelData[14][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[15][1]" :key="index">{{levelData[15][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[16][1]" :key="index">{{levelData[16][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[17][1]" :key="index">{{levelData[17][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[18][1]" :key="index">{{levelData[18][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[19][1]" :key="index">{{levelData[19][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[20][1]" :key="index">{{levelData[20][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[21][1]" :key="index">{{levelData[21][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[22][1]" :key="index">{{levelData[22][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[23][1]" :key="index">{{levelData[23][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[24][1]" :key="index">{{levelData[24][0]}}</p></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
        <!-- 北京PK拾、幸运飞艇 -->
        <div v-if="$route.query.id == 3 || $route.query.id == 5">
            <table class="wq text-center" border="0" cellpadding="0" cellspacing="1">
                <tr class="t_list_caption">
                    <td :class="activeind == index ? 'active': ''" v-for="(item,index) in tabmenu" :key="index" @click="tabFun(index)">{{item}}</td>
                </tr>
                <tr>
                    <td colspan="10" class="t_td_text" align="center">
                        <table class="hj" border="0" cellpadding="0" cellspacing="1">
                            <tr class="t_td_text numtit">
                                <td v-for="(item,index) in tabnum" :key="index">{{index+1}}</td>
                            </tr>
                            <tr class="t_td_text" v-if="singleData != undefined">
                                <td :class="['z_cl', (index == 1 || index == 4 || index == 6 || index == 9) ? 'hhg': '']" style="line-height: 25px;" v-for="(item,index) in 10" :key="index">{{singleData[index+1]}}</td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <table class="wq text-center margintop" border="0" cellpadding="0" cellspacing="1">
                <tr class="t_list_caption">
                    <td :class="activeinds == index ? 'active': ''" v-for="(item,index) in tabmenus" :key="index" @click="tabFuns(index)">{{item}}</td>
                </tr>
                <tr>
                    <td colspan="9" class="t_td_text" align="center">
                        <table class="hj" border="0" cellpadding="0" cellspacing="1">
                            <tr class="t_td_text" v-if="singleData != undefined">
                                <td class="z_cl"><p v-for="(item,index) in levelData[0][1]" :key="index">{{levelData[0][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[1][1]" :key="index">{{levelData[1][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[2][1]" :key="index">{{levelData[2][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[3][1]" :key="index">{{levelData[3][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[4][1]" :key="index">{{levelData[4][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[5][1]" :key="index">{{levelData[5][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[6][1]" :key="index">{{levelData[6][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[7][1]" :key="index">{{levelData[7][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[8][1]" :key="index">{{levelData[8][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[9][1]" :key="index">{{levelData[9][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[10][1]" :key="index">{{levelData[10][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[11][1]" :key="index">{{levelData[11][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[12][1]" :key="index">{{levelData[12][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[13][1]" :key="index">{{levelData[13][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[14][1]" :key="index">{{levelData[14][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[15][1]" :key="index">{{levelData[15][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[16][1]" :key="index">{{levelData[16][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[17][1]" :key="index">{{levelData[17][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[18][1]" :key="index">{{levelData[18][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[19][1]" :key="index">{{levelData[19][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[20][1]" :key="index">{{levelData[20][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[21][1]" :key="index">{{levelData[21][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[22][1]" :key="index">{{levelData[22][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[23][1]" :key="index">{{levelData[23][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[24][1]" :key="index">{{levelData[24][0]}}</p></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
        <!-- 北京快乐8 -->
        <div v-if="$route.query.id == 4">
            <table class="wq text-center" border="0" cellpadding="0" cellspacing="1">
                <tr class="t_list_caption">
                    <td :class="activeind == index ? 'active': ''" v-for="(item,index) in tabmenu" :key="index" @click="tabFun(index)">{{item}}</td>
                </tr>
                <tr>
                    <td colspan="6" class="t_td_text" align="center">
                        <table class="hj" border="0" cellpadding="0" cellspacing="1" v-if="activeind != 0">
                            <tr class="t_td_text">
                                <td class="z_cl"><p v-for="(item,index) in levelData[0][1]" :key="index">{{levelData[0][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[1][1]" :key="index">{{levelData[1][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[2][1]" :key="index">{{levelData[2][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[3][1]" :key="index">{{levelData[3][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[4][1]" :key="index">{{levelData[4][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[5][1]" :key="index">{{levelData[5][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[6][1]" :key="index">{{levelData[6][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[7][1]" :key="index">{{levelData[7][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[8][1]" :key="index">{{levelData[8][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[9][1]" :key="index">{{levelData[9][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[10][1]" :key="index">{{levelData[10][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[11][1]" :key="index">{{levelData[11][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[12][1]" :key="index">{{levelData[12][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[13][1]" :key="index">{{levelData[13][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[14][1]" :key="index">{{levelData[14][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[15][1]" :key="index">{{levelData[15][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[16][1]" :key="index">{{levelData[16][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[17][1]" :key="index">{{levelData[17][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[18][1]" :key="index">{{levelData[18][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[19][1]" :key="index">{{levelData[19][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[20][1]" :key="index">{{levelData[20][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[21][1]" :key="index">{{levelData[21][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[22][1]" :key="index">{{levelData[22][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[23][1]" :key="index">{{levelData[23][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[24][1]" :key="index">{{levelData[24][0]}}</p></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
        <!-- 山东11选5、广东11选5、江西11选5 -->
        <div v-if="$route.query.id == 11 || $route.query.id == 12 || $route.query.id == 13">
            <table class="wq text-center" border="0" cellpadding="0" cellspacing="1">
                <tr class="t_list_caption">
                    <td :class="activeind == index ? 'active': ''" v-for="(item,index) in tabmenu" :key="index" @click="tabFun(index)">{{item}}</td>
                </tr>
                <tr>
                    <td colspan="5" class="t_td_text" align="center">
                        <table class="hj" border="0" cellpadding="0" cellspacing="1">
                            <tr class="t_td_text numtit">
                                <td v-for="(item,index) in tabnum" :key="index">{{index+1}}</td>
                            </tr>
                            <tr class="t_td_text" v-if="singleData != undefined">

                                <td :class="['z_cl', (index == 1 || index == 4 || index == 6 || index == 9 || index == 10) ? 'hhg': '']" style="line-height: 25px;" v-for="(item,index) in 11" :key="index">{{singleData[index+1]}}</td>

                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <table class="wq text-center margintop" border="0" cellpadding="0" cellspacing="1">
                <tr class="t_list_caption">
                    <td :class="activeinds == index ? 'active': ''" v-for="(item,index) in tabmenus" :key="index" @click="tabFuns(index)">{{item}}</td>
                </tr>
                <tr>
                    <td colspan="9" class="t_td_text" align="center">
                        <table class="hj" border="0" cellpadding="0" cellspacing="1">
                            <tr class="t_td_text" v-if="singleData != undefined">
                                <td class="z_cl"><p v-for="(item,index) in levelData[0][1]" :key="index">{{levelData[0][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[1][1]" :key="index">{{levelData[1][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[2][1]" :key="index">{{levelData[2][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[3][1]" :key="index">{{levelData[3][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[4][1]" :key="index">{{levelData[4][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[5][1]" :key="index">{{levelData[5][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[6][1]" :key="index">{{levelData[6][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[7][1]" :key="index">{{levelData[7][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[8][1]" :key="index">{{levelData[8][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[9][1]" :key="index">{{levelData[9][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[10][1]" :key="index">{{levelData[10][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[11][1]" :key="index">{{levelData[11][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[12][1]" :key="index">{{levelData[12][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[13][1]" :key="index">{{levelData[13][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[14][1]" :key="index">{{levelData[14][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[15][1]" :key="index">{{levelData[15][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[16][1]" :key="index">{{levelData[16][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[17][1]" :key="index">{{levelData[17][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[18][1]" :key="index">{{levelData[18][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[19][1]" :key="index">{{levelData[19][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[20][1]" :key="index">{{levelData[20][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[21][1]" :key="index">{{levelData[21][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[22][1]" :key="index">{{levelData[22][0]}}</p></td>
                                <td class="z_cl"><p v-for="(item,index) in levelData[23][1]" :key="index">{{levelData[23][0]}}</p></td>
                                <td class="z_cl hhg"><p v-for="(item,index) in levelData[24][1]" :key="index">{{levelData[24][0]}}</p></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>

    </div>
    
</template>
<style scoped>
    .t_list_caption>td{
        cursor: pointer;
    }
    .t_list_caption>td.active{
        background: url(../../../../assets/images/t.jpg) repeat-x left top;
    }
    .numtit{
        font-weight: bold;
    }
</style>

<script>
    import axios from 'axios'
    import {lotterytype} from '../../../../assets/js/lotterytype.js'

    export default {
        name: "Gamefoot",
        props: {  //普通类型：String、Number、Boolean、Null    引用类型： Array、Object
            openBet: {  //可下注
                type: Boolean,
                required: true
            },
            ninetime: {  //90s
                type: Number,
                required: true
            },
        },
        data(){
            return{
                initShow: false,
                tabmenu: [],
                activeind: 0,
                tabmenus: [],
                activeinds: 0,
                tabnum: 0,
                recordData: {},  //开奖记录数据
                singleData: {},  //单码数据 
                levelData: {},  //二级  数据
            }
        },
        methods: {
            init(){
                // console.log(this.$route.query.id);
                if(this.$route.query.id == 1){
                    
                }else if(this.$route.query.id == 2){
                    
                }else if(this.$route.query.id == 3 || this.$route.query.id == 5){

                    this.tabmenu = ['冠军','亚军','第三名','第四名','第五名','第六名','第七名','第八名','第九名','第十名'];
                    this.tabmenus = ['冠军','大小','单双','冠亚军和','冠亚军和大小','冠亚军和'];
                    this.tabnum = 10;

                }else if(this.$route.query.id == 4){

                    this.tabmenu = ['总和数','总和大小','总和单双','五行','前后和','单双和',];

                }else if(this.$route.query.id == 6 || this.$route.query.id == 7 || this.$route.query.id == 8){

                    this.tabmenu = ['第一球','第二球','第三球','第四球','第五球',];
                    this.tabmenus = ['第一球','大小','单双','总和大小','总和单双','龙虎和',];
                    this.tabnum = 10;

                }else if(this.$route.query.id == 9 || this.$route.query.id == 10){
                    
                }else if(this.$route.query.id == 11 || this.$route.query.id == 12 || this.$route.query.id == 13){

                    this.tabmenu = ['第一球','第二球','第三球','第四球','第五球',];
                    this.tabmenus = ['第一球','大小','单双','总和大小','总和单双','总和尾数大小','龙虎',];
                    this.tabnum = 11;

                }else if(this.$route.query.id == 14 || this.$route.query.id == 15){

                    this.tabmenu = ['第一球','第二球','第三球','第四球','第五球','第六球','第七球','第八球',];
                    this.tabmenus = ['第一球','大小','单双','龙虎','尾数大小','和数单双','总和大小','总和单双','总和尾数大小',];
                    this.tabnum = 20;

                }

                // console.log(this.$route.query);
                var _this = this;

                this.params = lotterytype.apiParams(this.$route.query.id,this.$route.query.levelid);
                
                if(window.localStorage.Authorization){

                    this.$httpGet('/api/game/beadCount/'+ this.params.nowlottery).then(response => {
                        
                        if(response.status == 200){
                            _this.recordData = response.data;
                            _this.tabFun(_this.activeind);
                            _this.tabFuns(_this.activeinds);
                            _this.initShow = true;
                        }

                    });
                    
                }
                

            },
            levelFun(item){
                if(this.$route.query.id == 1){  //PC蛋蛋

                }else if(this.$route.query.id == 2){  //六合彩
                    
                }else if(this.$route.query.id == 3 || this.$route.query.id == 5){  //北京PK拾、幸运飞艇
                    switch(item){
                        case 0:
                            return '单号';
                        case 1:
                            return '大小';
                        case 2:
                            return '单双';
                        case 3:
                            return '冠亚军和值';
                        case 4:
                            return '冠亚军和大小';
                        case 5:
                            return '冠亚军和单双';
                    }
                }else if(this.$route.query.id == 4){  //北京快乐8
                    
                }else if(this.$route.query.id == 6 || this.$route.query.id == 7 || this.$route.query.id == 8){  //天津时时彩、新疆时时彩、重庆时时彩
                    switch(item){
                        case 0:
                            return '单码';
                        case 1:
                            return '大小';
                        case 2:
                            return '单双';
                        case 3:
                            return '总和大小';
                        case 4:
                            return '总和单双';
                        case 5:
                            return '龙虎和';
                    }
                }else if(this.$route.query.id == 9 || this.$route.query.id == 10){  //安徽快3、江苏快3
                    
                }else if(this.$route.query.id == 11 || this.$route.query.id == 12 || this.$route.query.id == 13){  //山东11选5、广东11选5、江西11选5
                    switch(item){
                        case 0:
                            return '单码';
                        case 1:
                            return '大小';
                        case 2:
                            return '单双';
                        case 3:
                            return '总和大小';
                        case 4:
                            return '总和单双';
                        case 5:
                            return '总和尾大小';
                        case 5:
                            return '龙虎';
                    }
                }else if(this.$route.query.id == 14 || this.$route.query.id == 15){  //广东快乐十分、重庆幸运农场

                    switch(item){
                        case 0:
                            return '单码';
                        case 1:
                            return '大小';
                        case 2:
                            return '单双';
                        case 3:
                            return '龙虎';
                        case 4:
                            return '尾数大小';
                        case 5:
                            return '和数单双';
                        case 6:
                            return '总和大小';
                        case 7:
                            return '总和单双';
                        case 8:
                            return '总和尾数大小';
                    }
                    
                }
                
            },
            //一级  tab
            tabFun(ind){
                this.activeind = ind;
                if(this.$route.query.id == 1){  //PC蛋蛋

                }else if(this.$route.query.id == 2){  //六合彩
                    
                }else if(this.$route.query.id == 3 || this.$route.query.id == 5){  //北京PK拾、幸运飞艇
                    if(ind == 0){
                        this.singleData = this.recordData.counts['冠军:单号'];
                        this.tabmenus[0] = '冠军';
                        if(this.activeinds == 3 || this.activeinds == 4 || this.activeinds == 5){
                            this.levelData = this.recordData.beads['冠亚军和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['冠军:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 1){
                        this.singleData = this.recordData.counts['亚军:单号'];
                        this.tabmenus[0] = '亚军';
                        if(this.activeinds == 3 || this.activeinds == 4 || this.activeinds == 5){
                            this.levelData = this.recordData.beads['冠亚军和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['亚军:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 2){
                        this.singleData = this.recordData.counts['第三名:单号'];
                        this.tabmenus[0] = '第三名';
                        if(this.activeinds == 3 || this.activeinds == 4 || this.activeinds == 5){
                            this.levelData = this.recordData.beads['冠亚军和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第三名:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 3){
                        this.singleData = this.recordData.counts['第四名:单号'];
                        this.tabmenus[0] = '第四名';
                        if(this.activeinds == 3 || this.activeinds == 4 || this.activeinds == 5){
                            this.levelData = this.recordData.beads['冠亚军和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第四名:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 4){
                        this.singleData = this.recordData.counts['第五名:单号'];
                        this.tabmenus[0] = '第五名';
                        if(this.activeinds == 3 || this.activeinds == 4 || this.activeinds == 5){
                            this.levelData = this.recordData.beads['冠亚军和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第五名:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 5){
                        this.singleData = this.recordData.counts['第六名:单号'];
                        this.tabmenus[0] = '第六名';
                        if(this.activeinds == 3 || this.activeinds == 4 || this.activeinds == 5){
                            this.levelData = this.recordData.beads['冠亚军和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第六名:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 6){
                        this.singleData = this.recordData.counts['第七名:单号'];
                        this.tabmenus[0] = '第七名';
                        if(this.activeinds == 3 || this.activeinds == 4 || this.activeinds == 5){
                            this.levelData = this.recordData.beads['冠亚军和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第七名:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 7){
                        this.singleData = this.recordData.counts['第八名:单号'];
                        this.tabmenus[0] = '第八名';
                        if(this.activeinds == 3 || this.activeinds == 4 || this.activeinds == 5){
                            this.levelData = this.recordData.beads['冠亚军和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第八名:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 8){
                        this.singleData = this.recordData.counts['第九名:单号'];
                        this.tabmenus[0] = '第九名';
                        if(this.activeinds == 3 || this.activeinds == 4 || this.activeinds == 5){
                            this.levelData = this.recordData.beads['冠亚军和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第九名:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 9){
                        this.singleData = this.recordData.counts['第十名:单号'];
                        this.tabmenus[0] = '第十名';
                        if(this.activeinds == 3 || this.activeinds == 4 || this.activeinds == 5){
                            this.levelData = this.recordData.beads['冠亚军和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第十名:' + this.levelFun(this.activeinds)];
                        }
                    }
                }else if(this.$route.query.id == 4){  //北京快乐8
                    if(ind == 1){
                        this.levelData = this.recordData.beads['总和:大小'];
                    }else if(ind == 2){
                        this.levelData = this.recordData.beads['总和:单双'];
                    }else if(ind == 3){
                        this.levelData = this.recordData.beads['总和:五行'];
                    }else if(ind == 4){
                        this.levelData = this.recordData.beads['个数:前后和'];
                    }else if(ind == 5){
                        this.levelData = this.recordData.beads['个数:单双和'];
                    }
                }else if(this.$route.query.id == 6 || this.$route.query.id == 7 || this.$route.query.id == 8){  //天津时时彩、新疆时时彩、重庆时时彩
                    if(ind == 0){
                        this.singleData = this.recordData.counts['第一球:单码'];
                        this.tabmenus[0] = '第一球';
                        if(this.activeinds == 3 || this.activeinds == 4 ){
                            this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                        }else if(this.activeinds == 5){
                            this.levelData = this.recordData.beads['龙虎和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第一球:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 1){
                        this.singleData = this.recordData.counts['第二球:单码'];
                        this.tabmenus[0] = '第二球';
                        if(this.activeinds == 3 || this.activeinds == 4 ){
                            this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                        }else if(this.activeinds == 5){
                            this.levelData = this.recordData.beads['龙虎和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第二球:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 2){
                        this.singleData = this.recordData.counts['第三球:单码'];
                        this.tabmenus[0] = '第三球';
                        if(this.activeinds == 3 || this.activeinds == 4 ){
                            this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                        }else if(this.activeinds == 5){
                            this.levelData = this.recordData.beads['龙虎和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第三球:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 3){
                        this.singleData = this.recordData.counts['第四球:单码'];
                        this.tabmenus[0] = '第四球';
                        if(this.activeinds == 3 || this.activeinds == 4 ){
                            this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                        }else if(this.activeinds == 5){
                            this.levelData = this.recordData.beads['龙虎和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第四球:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 4){
                        this.singleData = this.recordData.counts['第五球:单码'];
                        this.tabmenus[0] = '第五球';
                        if(this.activeinds == 3 || this.activeinds == 4 ){
                            this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                        }else if(this.activeinds == 5){
                            this.levelData = this.recordData.beads['龙虎和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第五球:' + this.levelFun(this.activeinds)];
                        }
                    }
                }else if(this.$route.query.id == 9 || this.$route.query.id == 10){  //安徽快3、江苏快3
                    
                }else if(this.$route.query.id == 11 || this.$route.query.id == 12 || this.$route.query.id == 13){  //山东11选5、广东11选5、江西11选5
                    if(ind == 0){
                        this.singleData = this.recordData.counts['第一球:单码'];
                        this.tabmenus[0] = '第一球';
                        if(this.activeinds == 3 || this.activeinds == 4 || this.activeinds == 5 ){
                            this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                        }else if(this.activeinds == 6){
                            this.levelData = this.recordData.beads['第一球:龙虎'];
                        }else{
                            this.levelData = this.recordData.beads['第一球:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 1){
                        this.singleData = this.recordData.counts['第二球:单码'];
                        this.tabmenus[0] = '第二球';
                        if(this.activeinds == 3 || this.activeinds == 4 || this.activeinds == 5 ){
                            this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                        }else if(this.activeinds == 6){
                            this.levelData = this.recordData.beads['第一球:龙虎'];
                        }else{
                            this.levelData = this.recordData.beads['第二球:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 2){
                        this.singleData = this.recordData.counts['第三球:单码'];
                        this.tabmenus[0] = '第三球';
                        if(this.activeinds == 3 || this.activeinds == 4 || this.activeinds == 5 ){
                            this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                        }else if(this.activeinds == 6){
                            this.levelData = this.recordData.beads['第一球:龙虎'];
                        }else{
                            this.levelData = this.recordData.beads['第三球:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 3){
                        this.singleData = this.recordData.counts['第四球:单码'];
                        this.tabmenus[0] = '第四球';
                        if(this.activeinds == 3 || this.activeinds == 4 || this.activeinds == 5 ){
                            this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                        }else if(this.activeinds == 6){
                            this.levelData = this.recordData.beads['第一球:龙虎'];
                        }else{
                            this.levelData = this.recordData.beads['第四球:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 4){
                        this.singleData = this.recordData.counts['第五球:单码'];
                        this.tabmenus[0] = '第五球';
                        if(this.activeinds == 3 || this.activeinds == 4 || this.activeinds == 5 ){
                            this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                        }else if(this.activeinds == 6){
                            this.levelData = this.recordData.beads['第一球:龙虎'];
                        }else{
                            this.levelData = this.recordData.beads['第五球:' + this.levelFun(this.activeinds)];
                        }
                    }
                }else if(this.$route.query.id == 14 || this.$route.query.id == 15){  //广东快乐十分、重庆幸运农场
                    if(ind == 0){
                        this.singleData = this.recordData.counts['第一球:单码'];
                        this.tabmenus[0] = '第一球';
                        if(this.activeinds == 6 || this.activeinds == 7 || this.activeinds == 8 ){
                            this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第一球:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 1){
                        this.singleData = this.recordData.counts['第二球:单码'];
                        this.tabmenus[0] = '第二球';
                        if(this.activeinds == 6 || this.activeinds == 7 || this.activeinds == 8 ){
                            this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第二球:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 2){
                        this.singleData = this.recordData.counts['第三球:单码'];
                        this.tabmenus[0] = '第三球';
                        if(this.activeinds == 6 || this.activeinds == 7 || this.activeinds == 8 ){
                            this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第三球:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 3){
                        this.singleData = this.recordData.counts['第四球:单码'];
                        this.tabmenus[0] = '第四球';
                        if(this.activeinds == 6 || this.activeinds == 7 || this.activeinds == 8 ){
                            this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第四球:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 4){
                        this.singleData = this.recordData.counts['第五球:单码'];
                        this.tabmenus[0] = '第五球';
                        if(this.activeinds == 6 || this.activeinds == 7 || this.activeinds == 8 ){
                            this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第五球:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 5){
                        this.singleData = this.recordData.counts['第六球:单码'];
                        this.tabmenus[0] = '第六球';
                        if(this.activeinds == 6 || this.activeinds == 7 || this.activeinds == 8 ){
                            this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第六球:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 6){
                        this.singleData = this.recordData.counts['第七球:单码'];
                        this.tabmenus[0] = '第七球';
                        if(this.activeinds == 6 || this.activeinds == 7 || this.activeinds == 8 ){
                            this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第七球:' + this.levelFun(this.activeinds)];
                        }
                    }else if(ind == 7){
                        this.singleData = this.recordData.counts['第八球:单码'];
                        this.tabmenus[0] = '第八球';
                        if(this.activeinds == 6 || this.activeinds == 7 || this.activeinds == 8 ){
                            this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                        }else{
                            this.levelData = this.recordData.beads['第八球:' + this.levelFun(this.activeinds)];
                        }
                    }
                }

                
            },
            //二级  tab
            tabFuns(ind){

                this.activeinds = ind;

                if(this.$route.query.id == 1){  //PC蛋蛋

                }else if(this.$route.query.id == 2){  //六合彩
                    
                }else if(this.$route.query.id == 3 || this.$route.query.id == 5){  //北京PK拾、幸运飞艇
                    if(ind == 0){
                        this.levelData = this.recordData.beads[this.tabmenus[0] + ':' + this.levelFun(this.activeinds)];
                    }else if(ind == 1){
                        this.levelData = this.recordData.beads[this.tabmenus[0] + ':' + this.levelFun(this.activeinds)];
                    }else if(ind == 2){
                        this.levelData = this.recordData.beads[this.tabmenus[0] + ':' + this.levelFun(this.activeinds)];
                    }else if(ind == 3){
                        this.levelData = this.recordData.beads['冠亚军和:' + this.levelFun(this.activeinds)];
                    }else if(ind == 4){
                        this.levelData = this.recordData.beads['冠亚军和:' + this.levelFun(this.activeinds)];
                    }else if(ind == 5){
                        this.levelData = this.recordData.beads['冠亚军和:' + this.levelFun(this.activeinds)];
                    }
                }else if(this.$route.query.id == 4){  //北京快乐8
                    
                }else if(this.$route.query.id == 6 || this.$route.query.id == 7 || this.$route.query.id == 8){  //天津时时彩、新疆时时彩、重庆时时彩
                    if(ind == 0){
                        this.levelData = this.recordData.beads[this.tabmenus[0] + ':' + this.levelFun(this.activeinds)];
                    }else if(ind == 1){
                        this.levelData = this.recordData.beads[this.tabmenus[0] + ':' + this.levelFun(this.activeinds)];
                    }else if(ind == 2){
                        this.levelData = this.recordData.beads[this.tabmenus[0] + ':' + this.levelFun(this.activeinds)];
                    }else if(ind == 3){
                        this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                    }else if(ind == 4){
                        this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                    }else if(ind == 5){
                        this.levelData = this.recordData.beads['龙虎和:' + this.levelFun(this.activeinds)];
                    }
                }else if(this.$route.query.id == 9 || this.$route.query.id == 10){  //安徽快3、江苏快3
                    
                }else if(this.$route.query.id == 11 || this.$route.query.id == 12 || this.$route.query.id == 13){  //山东11选5、广东11选5、江西11选5
                    if(ind == 0){
                        this.levelData = this.recordData.beads[this.tabmenus[0] + ':' + this.levelFun(this.activeinds)];
                    }else if(ind == 1){
                        this.levelData = this.recordData.beads[this.tabmenus[0] + ':' + this.levelFun(this.activeinds)];
                    }else if(ind == 2){
                        this.levelData = this.recordData.beads[this.tabmenus[0] + ':' + this.levelFun(this.activeinds)];
                    }else if(ind == 3){
                        this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                    }else if(ind == 4){
                        this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                    }else if(ind == 5){
                        this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                    }else if(ind == 6){
                        this.levelData = this.recordData.beads['第一球:龙虎'];
                    }
                }else if(this.$route.query.id == 14 || this.$route.query.id == 15){  //广东快乐十分、重庆幸运农场
                    if(ind == 0){
                        this.levelData = this.recordData.beads[this.tabmenus[0] + ':' + this.levelFun(this.activeinds)];
                    }else if(ind == 1){
                        this.levelData = this.recordData.beads[this.tabmenus[0] + ':' + this.levelFun(this.activeinds)];
                    }else if(ind == 2){
                        this.levelData = this.recordData.beads[this.tabmenus[0] + ':' + this.levelFun(this.activeinds)];
                    }else if(ind == 3){
                        this.levelData = this.recordData.beads[this.tabmenus[0] + ':' + this.levelFun(this.activeinds)];
                    }else if(ind == 4){
                        this.levelData = this.recordData.beads[this.tabmenus[0] + ':' + this.levelFun(this.activeinds)];
                    }else if(ind == 5){
                        this.levelData = this.recordData.beads[this.tabmenus[0] + ':' + this.levelFun(this.activeinds)];
                    }else if(ind == 6){
                        this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                    }else if(ind == 7){
                        this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                    }else if(ind == 8){
                        this.levelData = this.recordData.beads['总和:' + this.levelFun(this.activeinds)];
                    }
                }

                
            },
        },
        mounted(){
            this.init();
        },
        watch: {
            openBet: function(now,old){
                // console.log(now,old);
                //开奖  刷新路珠数据
                this.init();
                
            },
            ninetime: function(now,old){
                // console.log(now,old);
                //90s  刷新数据
                this.init();
            },

        },
    }
</script>
